<?php 
	require("../engine/include.php"); // Necessário para incluir a variável $urlRaiz que inclui os plugins de jquery
	
	/*O botão mostra_post foi clicado*/
	if(isset($_POST['mostra_post'])){
		echo "<pre>";
		print_r($_POST);
		echo "</pre>";
	}

	/*O botão mostra_file foi clicado*/
	if(isset($_POST['mostra_file'])){
		echo "<pre>";
		print_r($_FILES);
		echo "</pre>";
	}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<!-- Informações de SEO -->
		<meta http-equiv="content-language" content="pt-br" />
		<meta name="author" content="ejcm" />
		<meta name="keywords" content="ejcm" /> <!-- Coloque todas as keywords que devam aparecer -->
		
		<script src="jquery.js" type="text/javascript"></script>
		<?php 
		 	require("include.php"); // Inclui os outros plugins e serve como uma página para incluir qualquer javascript que todas as páginas irão usar
		?>
		
		<script type="text/javascript">
		 <!--
		 
		 //-->
		 </script>
		
		<link rel="stylesheet" type="text/css" href="../css/import.css" />
		
		<title>Teste dos plugins atuais de jquery</title>
	</head>
	<body>
		<div id="principal">
			<!-- Com a classe corner, é aplicado automaticamente o jquery corner -->
			<div id="div1" class="corner" style="width: 200px; height: 100px; background-color: #00f">Jquery Corner</div>
			<br />
			<a title="O Plugin tooltip mostra o que tem no atributo title da tag html de uma maneira personalizada" class="tooltip">Tooltip</a>
			<br />
			<form method="post" action="" enctype="multipart/form-data">
				<fieldset>
					<legend>Jquery Mask</legend>
					<!-- Com as classes telefone, data, cpf o jquery mask é aplicado automaticamente -->
					<label for="telefone">Telefone:</label>
						<input type="text" id="telefone" name="telefone" class="telefone" />
					<label for="data">Data:</label>
						<input type="text" id="data" name="data" class="data" />
					<label for="cpf">CPF:</label>
						<input type="text" id="cpf" name="cpf" class="cpf" />
				</fieldset>
				<br />
				<fieldset>
					<legend>Tiny Mce</legend>
					<!-- Com a classe tinymce o tinymce é aplicado automaticamente -->
					<textarea name="texto" class="tinymce"></textarea>
				</fieldset>
				<fieldset>
					<legend>Datepicker</legend>
					<!-- Com a classe datepicker o datepicker é aplicado automaticamente -->
					<input type="text" name="data_completa" class="datepicker" /><br />
					
					<input type="submit" name="mostra_post" class="botao" value="Mostrará o $_POST" />
				</fieldset>
				<br />
				<fieldset>
					<legend>Jquery Multifile</legend>
					<!-- Com a classe multifile é aplicado o jquery multifile, o atributo maxlength define o número de arquivos aceitos e o atributo accept define os tipos válidos de arquivo -->
					<input type="file" id="campo_multiplo_arquivos" name="campo_multiplo_arquivos[]" class="multifile" maxlength="2" accept="gif|jpg|png" /><br />
					<input type="submit" name="mostra_file" class="botao" value="Mostrará o $_FILES" />
				</fieldset>
			</form>
		</div>
	</body>
</html>
